html body{
    height: 100%;
    /* font-size: 26.67vw; */
    font-size: 100px;
    background-color: #f5f5f5;
}
.header{
    width: 100vw;
    height: 5rem;
     display: flex;
     justify-content: space-around;
     background-color: #ff8a00;
 }
 .logo, .my{
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .logo img{
     width: 10rem;
     height: 4rem;
 }
 .my img{
     width: 3rem;
     height: 3rem;
     margin: 0px 0.5rem;
 }
 .find{
    width: 100vw;
    /* height: 70vh; */
 }
 .wel .im1{
    width: 100vw;
    height: 11rem;
    position: relative;
 }
 .wel .user{
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    top: 10rem;
    font-size: 1rem;
 }
 .wel .user img{
    width: 5rem;
    height: 5rem;
 }
 .wel .user p{
    color: #fff;
    margin-top: 2rem;
    text-align: center;
    transform: translate(-25%);
 }
 .findpwd{
    height: 3vh;
    font-size: 1rem;
    padding: 1rem;
    color: #333;
    border-bottom:1px solid #999;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
 }
 .button{
    height: 2vh;
    font-size: 0.5rem;
 }
 .find button{
    width: 20rem;
    height: 2.5rem;
    margin-left: 1.5rem;
    margin-top: 1rem;
    color: #ff8a00;
    border: 0;
    border: 0.01rem solid #888;
    background-color: #fff;

 }